Show time since done or lateness instead of the last-done date

1 files changed, 5 insertions, 6 deletions

diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index bd74b90..2dc5427 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -5,7 +5,10 @@
 	import StatusBadge from '$lib/components/StatusBadge.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Row from '$lib/components/Row.svelte';
-	import { computeHealthSeries } from '$lib/shared/routine-metrics';
+	import {
+		computeHealthSeries,
+		formatDoneAge,
+	} from '$lib/shared/routine-metrics';
 	import { Frequency } from '$lib/shared/frequency';
 	import { formatDayMonth, formatDayMonthYear } from '$lib/shared/temporal';
 	import SectionTitle from '$lib/components/SectionTitle.svelte';
@@ -149,11 +152,7 @@
 				/>
 				<span class="chart-meta">
 					{Frequency.parse(data.routine.frequency).format()}
-					{#if data.state.lastDoneAt}
-						· fait le {formatDayMonth(data.state.lastDoneAt)}
-					{:else}
-						· jamais fait
-					{/if}
+					· {formatDoneAge(data.state)}
 				</span>
 			</div>
 		{/if}